<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="task.css">
</head>
<body><div id="form">
<div class="part" id="sel">
		<label><input type="radio" name="student" data-key="insch" checked="checked" />在校生</label>
		<label><input type="radio" name="student" data-key="social"/>非在校生</label>
	</div>
	<div class="part" id="school" data-key="insch">
	<span>学校</span>	
		<select id="citysch">
			<option >北京</option>
			<option >上海</option>
			<option >南京</option>
			<option >须弥山</option>
		</select>
		<select id="schsel">
			<option>1</option>
			<option>2</option>
		</select>
	</div>
	<div class="part  hide" id="depart" data-key="social"><span>就业单位</span>  <input type="text" name=""></div>
</div>
<script type="text/javascript" src="task.js"></script>
</body>
</html>